
// 登录注册页面相关的js代码
// 注册绑定表单事件  - > 请求接口 ,拿数据
// $('#register .layui-form').on('submit',function (e) {

// })

// 给表单 注册  事件 
// 看文档 - 了解了当前的注册接口的参数,url等情况
// 可以获取到当前输入的内容  - username 和password 的值

$('#register .layui-form').on('submit', (e) => {
  // 阻止表单的默认行为
  e.preventDefault()
  // 通过JQ获取input的值
  let data = {
    username: $('#register input[name=username]').val(),
    password: $('#register input[name=password]').val()
  }

  // 做了什么事
  //  JQ val()  {username:'xx',password:'xxx'} 
  //  username=asaddsa&password=111111
  // for in  = > push => join('&')
  // axios 请求  = > 拿到数据 => 让注册框隐藏
  // {
  //   username:'aaa',
  //   password:'11231'
  // }
  // let username =  $('#register input[name=username]').val()
  // let password =  $('#register input[name=password]').val()
  // 后台要key=value&key=value字符串
  // username=asaddsa&password=111111
  // 后台需要什么数据 - > 将数据转化成后台想要的结构
  // username=asaddsa
  // password=111111
  // ['username=asaddsa','password=111111']
  // join  数组 转字符串  join('&')

  let data2 = handleFormatReg(data)
  // 注册接口
  postReguser(data2, (res) => {
    // console.log('login.js文件拿到的值', res);
    const { status } = res.data

    // 让注册框隐藏
    if (status === 0) {
      $('#register').css('display', 'none')
    }
  })
  // console.log('login.js文件拿到的值',res);
})



// 给表单注册登录事件
$('#login .layui-form').on('submit', (e) => {
  // 阻止表单的默认行为
  e.preventDefault()
  // 通过JQ获取input的值
  let data = {
    username: $('#login input[name=username]').val(),
    password: $('#login input[name=password]').val()
  }
  let data2 = handleFormatReg(data)
  // 登录接口
  postLogin(data2, (res) => {
    const { status,token } = res.data
    // 将token存到本地=> 除了登录 ,注册.其他接口接口请求都需要用到这个值
    // 为什么存token => 本地存储的方式 => 通过接口文档来了解
    localStorage.setItem('token',token)
    // layer.msg(message);
    // debugger
    // 跳转 
    if (status === 0) {
      location.href = '/index.html'
      // location.href = 'http://127.0.0.1:5500/index.html'
      // location.href = '../index.html'
    }
  })
})

// 去注册 - 绑定点击事件
// es6的箭头函数
$('#goto-register').on('click', () => {
  // 注册的盒子显示
  // $('#register').stop().show(200)
  $('#register').css('display', 'block')
})

// 去登录 - 绑定点击事件
$('#goto-login').on('click', e => {
  // 注册的盒子隐藏
  // $('#register').stop().show(200)
  $('#register').css('display', 'none')
})

